﻿ 	<!doctype html>
 	<html>
 	<head>
 	<meta charset="utf-8">
	<title>CSS3动画</title>
	<style>
		 #main{ width:150px; height:150px; border:1px black solid; }
		 #box{ width:50px; height:50px; background:red; 
		     animation:1s move; animation-fill-mode:forwards; }
		 @keyframes move{
		     0%{ transform:translate(0,0); }
		     100%{ transform:translate(100px,0); }
		 }
	</style>
 	</head>
	<body>
	<div id="main">
		 <div id="box"></div>
	</div>
	</body>
 	</html>

